<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>需求商品</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="common.js"></script>
    <script>
        window.onload = query_WG;
    </script>
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light title">
    <a class="navbar-brand title">二手交易平台</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item headline">
                <a class="nav-link" href="index.html">待售商品</a>
            </li>
            <li class="nav-item headline-current">
                <a class="nav-link" href="needs.html">需求商品</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="sg_publish.html">发布商品</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="wg_publish.html">发布需求</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="personal.html">个人中心</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="login.html" id="logstatus">登录/注册</a>
            </li>
        </ul>
        <div class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="搜索您想要的商品..." aria-label="Search" style="width: 500px" id="searchtext">
        </div>
        <button class="btn btn-outline-success my-2 my-sm-0" onclick="SearchWG()">搜索</button>
    </div>
</nav>
<div class="list-group" style="float: left;margin-top: 100px;background-color: blue">
    <a href="#" class="list-group-item list-group-item-action" onclick="query_WG()">全部</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(1)">食品饮品</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(2)">书籍</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(3)">电子产品</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(4)">服饰</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(5)">化妆品</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(6)">运动器材</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(7)">日用品</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(8)">账号</a>
    <a href="#" class="list-group-item list-group-item-action" onclick="type_Select_WG(9)">其他</a>
</div>

<table class="table table-bordered table-hover text-center" style="width: 80%;margin-left: 10%;margin-top: 50px">
    <thead id="wghead">
        <tr>
            <th style="width: 15%">物品名称</th>
            <th style="width: 10%">物品类型</th>
            <th style="width: 35%">物品描述</th>
            <th style="width: 20%">联系方式</th>
            <th style="width: 10%"></th>
        </tr>
    </thead>
</table>
</body>
</html>